<template>
  <div>
    {{ title }}
    <input type="text" v-model="text" @blur="fun" />
    <div>
        <p>孙组件</p>
        <Ground-son></Ground-son>
    </div>
  </div>
</template>

<script>
import GroundSon from "@/components/GroundSon.vue";
export default {
    name:" MyChild",
  props: {
    title: {
      type: Number,
      default: 12,
    },
  },
  data() {
    return {
      text: "",
    };
  },
  methods: {
    fun() {
      console.log(this.text, "text");
      this.$emit("updata:title", this.text);
    },
  },
  components:{
    GroundSon
  }
};
</script>

<style>
</style>